$(function () {
  let data = [
    ["Java", "1", "降", "-0.01%"],
    ["C", "2", "升", "+2.44%"],
    ["Python", "3", "升", "1.41%"],
    ["C++", "4", "降", "-2.58%"],
    ["C#", "5", "升", "+2.07%"],
    ["Visual Basic .NET", "6", "降", "-1.17%"],
    ["JavaScript", "7", "降", "-0.85%"]
  ]

  $("#main").handsontable({
    data: data,
    minSpareRows: 0,
    colHeaders: ["语言名称", "排名", "升或降", "变化幅度"],
    contextMenu: false,
    autoColumnSize: true,
    colWidths: '200px',
    manualColumnResize: true,
    manualRowResize: true,
  })

  var myChart = echarts.init(document.getElementById('bottom'));
  let xData = [2000, 2005, 2010, 2015, 2020],
    yData = [6, 9, 8, 8, 7];
  var option = {
    title: {
      text: 'JavaStript语言排名变化'
    },
    tooltip: {},
    legend: {
      data: ['H(x)']
    },
    xAxis: {
      data: xData
    },
    yAxis: {},
    series: [{
      name: '排名',
      type: 'line',
      smooth: false,
      data: yData
    }]
  };
  myChart.setOption(option);
});
